@import "variable";

.dialog{
  width: 698px;
  .abs();
  z-index:10000;
  display: block;
  overflow: hidden;
  top:175px;
  //left: 200.5px;
  border:4px solid rgba(0,0,0,.1);
  border-radius: 5px;
  -webkit-border-radius:5px;
  .dialog_tit{
    width: 690px;
    z-index: 6;
    .rel();
    padding: 0 10px;
    height: 31px;
    line-height: 31px;
    background: @f4;
    .font-s14();
    color: @font_dark_grey;
    font-family: 'microsoft yahei';
  }
  .dialog_content{
    height: 378px;
    width: 690px;
    padding: 10px;
    overflow: hidden;
    background: @font_white;
    .rel();
  }
  .dialog_close{
    cursor: pointer;
    display: block;
    .abs();
    z-index:100000;
    top:10px;
    right: 10px;
    overflow: hidden;
    width: 13px;
    height: 13px;
    background: url("../img/dialog.png") no-repeat;

  }

}


#add_addr_form,#edit_addr_form{
  .rel();
  height: 360px;
  .area_wrap{
    z-index: 40;
    .rel();
    height: 26px;
    margin-right: 6px;
    display: inline-block;
  }
  #tore-selector,#store-prompt{
    display: inline-block;
  }
  .btn_save{
    font-family: arial,"Microsoft YaHei";
    display: inline-block;
    height: 23px;
    line-height: 23px;
    background-color: #f2f2f2;
    background-image: linear-gradient(to top,#f2f2f2 0,#f7f7f7 100%);
    border-radius: 3px;
    color: @black;
    .font-s12();
    .font-w400();
    padding: 0 14px;
    cursor: pointer;
    float: none;
    border: 1px solid @border_grey;
  }
}

#invoice_tab{
  margin-left: 20px;
  span.item_label{
    width: 120px;
    padding-right: 5px;
  }
  .tab_nav li{
    .fl();
    .rel();
    margin-right: 10px;
    border: 1px solid @border_grey;
    padding: 6px 24px;
    cursor: pointer;
    &.selected{
      border: 2px solid @price_red;
      padding: 5px 23px;
      b{
        display: block;
        .abs();
        right: 0;
        bottom: 0;
        width: 12px;
        height: 12px;
        overflow: hidden;
        background: url("../img/selected-icon.png") no-repeat;
      }
    }
  }
  .invoice_tips{
    padding: 5px 0;
    color: @main_orange;
    text-align: center;
    a{
      color: @link_blue;
    }
  }
  .invoice_tit{
    display: block;
    margin-bottom: 15px;
    line-height: 25px;
    ul{
      max-height: 132px;
      width: 360px;
      overflow-y: auto;
      .rel();
      top:0;
      left: 0;
    }
    .invoice_item{
      float: none;
      .rel();
      margin-bottom: 10px;
      padding: 6px 5px;
      width: 335px;
      text-align: left;
    }
  }
  .invoice_company{
    width: 100%;
  }

  .invoice_item{
    float: left;
    .rel();
    z-index:1;
    height: 32px;
    line-height: 18px;
    margin: 2px 10px 3px 0;
    border:1px solid @border_grey;
    padding: 6px 19px;
    text-align: center;
    cursor: pointer;
  }
  .invoice_item_selected{
    border: 2px solid @price_red;
    padding: 5px 18px;
    b{
      display: block;
      .abs();
      right: 0;
      bottom: 0;
      width: 12px;
      height: 12px;
      overflow: hidden;
      background: url("../img/selected-icon.png") no-repeat;
    }
  }

  .invoice_list{
    width: 428px;
  }
  .btn{
    font-family: Arial,'microsoft yahei';
    display: inline-block;
    height: 25px;
    line-height: 25px;
    background-color: @price_red;
    background-image:linear-gradient(to top,#e74649 0,#df3134 100%);
    border-radius: 3px;
    color: @font_white;
    .font-s12();
    padding: 0 15px;
    border: 0;
    float: none;
  }
  .btn.btn_cancel{
    background-color: #f2f2f2;
    background-image: linear-gradient(to top,#f2f2f2 0,#f7f7f7 100%);
    color: @black;
    margin-left: 20px;
    border: 1px solid @border_grey;
  }
}

.mask{
  .abs();
  left: 0;
  top:0;
  opacity: 0.15;
  z-index:9998;
  background: @black;
  width: 100%;
  height: 100%;
}